{% extends 'layout.html' %}

{% block content %}
<div id=content>

    <h3 class="common_title">商品列表--订单提交成功</h3><br>
    <div class="common_list_con clearfix">
        <!-- <form method="post">


            {% csrf_token %}
            {% for field in form %}
            {{ field.label }} : {{field}}
    
            {% endfor %}
            <input type="submit" value="guest_add添加">
    
            
        </form> -->
        <!-- <div class="sub_page_name fl"> 订单提交成功</div> -->
        <ul style="display: flex;align-items: center;" >
        <!-- <ul goods_list_th clearfix style="display: flex;"> -->
            <li> 商品名称 </li>                 
            <li> 单价 </li>
            <li>数量小计 </li>
            <li>小计 </li>
        </ul>
        {% for order_goods in order_goods_list %}
        <ul style="display: flex;align-items: center;" >
            <li class="col01">  </li>
            
            <li class="col02"> <img src="/static/goods/{{ order_goods.goods_info.goods_img }}"  style="width: 20%;height: 20%;  border-radius: 11px 11px 11px 11px;"> </li> 
            <li class="col03"> {{ order_goods.goods_info.goods_name }}</li>
            <li class="col04"> &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp &nbsp&nbsp{{ order_goods.goods_info.goods_price }}元/件 </li>
            <li class="col05"> &nbsp&nbsp &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp{{ order_goods.goods_num}}件</li>
            <li class="col06">&nbsp&nbsp &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp{{ order_goods.total_money}}元</li>
           
        </ul>
        {% endfor %}
    </div><br><br>
    <div class="common_list_con clearfix">     
        <dL>
            <dd>
                <table>
                    <tr>
                        <td with="100">订单编号：</td>
                        <td>{{ orderinfo.order_id }}</td>
                    </tr>
                    <tr>
                        <td>收货地址：</td>
                        <td>{{ orderinfo.order_addr }}</td>
                    </tr>
                    <tr>
                        <td>收货人</td>
                        <td>{{ orderinfo.order_recv }}</td>
                    </tr>
                    <tr>
                        <td>联系电话：</td>
                        <td>{{ orderinfo.order_tele }}</td>
                    </tr>
                    <tr>
                        <td>备注：</td>
                        <td>{{ orderinfo.order_fee}}</td>
                    </tr>
                </table>
            </dd>
        </dL>
    </div>

    <h3 class="common_title"> 结算总金额 </h3>
    <div class="common_list_con clearfix"></div>
    <div class="settle_con">
        <div class="total_goods_count">共<em>{{total_num}}</em>件商品，总金额<b>{{ total_money}}元</b> </div>
        <div class="transit">运费：<b>10元</b></div>
        <div class="total_pay">实付金额<b>{{total_money|add:10}}元</b></div>

    </div>





</div>
{% endblock %}

<style>
    .top {
        list-style-type: none;
        /* padding: 10px;
      margin-left: 10px; */
        /* justify-content: flex-start; */
        position: fixed;
        z-index: 1000;
        background-color: #ccc;
    }
</style>